<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/custom.css" />
    <!--设置时间样式-->
    <link type="text/css" rel="stylesheet" href="../../../lib/jedate-6.5.0/skin/jedate.css">
    <title>新增场景</title>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-sceneAdd" novalidate style="" enctype="multipart/form-data">
        <div class="row cl">
            <label class="form-label col-sm-2">*场景选择：</label>
            <div class="formControls col-sm-9">
                <span class="select-box size-M radius col-xs-8 w-280" style="background: #fff;">
                <select class="select radius scene-level1" name="scene-level1" size="1" required>

                </select>
                </span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-sm-2">*标题：</label>
            <div class="formControls col-sm-9">
                <input type="text" class="input-text radius w-280" id="sceneTitle" value="" placeholder="请输入标题" maxlength="8" name="sceneTitle" autocomplete="off" onkeyup="value=value.replace(/[^a-zA-Z\u4e00-\u9fa5]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z\u4e00-\u9fa5]/g,''))" required>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-sm-2">*图片：</label>
            <div class="formControls col-sm-9">
                <img title="" src="../../../img/img.png" class="mr-10" id="myImg" height="100px" width="100px" style="float: left">
                <div class="formControls col-sm-9" style="float: left ; margin-top :33px;" >
                    <button type="button" onclick="addBtn()">选择文件</button>
                    <input type="file" id="file" class="hide" name="image" onchange="putDataToPage(event)" required>
                    <br>
                    <span style="color: #f00 ; line-height:40px;">通栏图片限制为1200*420</span>
                    </br>
                </div>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-sm-2">*场景顺序：</label>
            <div class="formControls col-sm-9" >
                <input type="text" class="input-text radius w-280" id="sceneIndex" value="" placeholder="请输入场景顺序" autocomplete="off" name="sceneIndex" onkeyup = "value=value.replace(/[^\d]/g,'')" onpaste="value=value.replace(/[^\d]/g,'')" required>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-sm-2">*底层色值：</label>
            <div class="formControls col-sm-9" >
                <input type="text" class="input-text radius w-280" id="bottomColor" value="" placeholder="请输入底层色值" autocomplete="off" name="bottomColor" required>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-sm-2">*时间设置：</label>
            <div class="formControls col-sm-9" >
                <input type="text" class="input-text radius w-135" id="effectTime" readonly placeholder="请选择生效时间" required name="effectTime">~
                <input type="text" class=" input-text radius w-135" id="expiredTime" readonly placeholder="请选择失效时间" required name="expiredTime">
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2" style="margin-top: 200px">
                <button class="btn btn-primary radius" type="submit">&nbsp;&nbsp;保存&nbsp;&nbsp;</button><button onclick="closePop();" class="btn radius ml-10" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<!--/_footer 作为公共模版分离出去-->
<!--时间脚本-->
<link type="text/css" rel="stylesheet" href="../../../ht-js/operation-js/time-js/jedate.css">
<script type="text/javascript" src="../../../lib/jquery.jedate.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jedate-6.5.0/dist/jedate.min.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../../lib/pagination/pagination.css">
<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/operation-js/scenarioPurchasing/sceneAdd.js"></script>
</body>
</html>